.page-wrapper {
  display: flex;
  flex-direction: column;
  .login-bg-wrapper {
    width: 100%;
    height: 476rpx;
    background-image: url('@/static/images/login/login_bg.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 50rpx 0 0 54rpx;
    .login-bg-logo {
      width: 200rpx;
      height: 79rpx;
      display: block;
    }
    .login-bg-title {
      margin-top: 16rpx;
      width: 311rpx;
      height: 47rpx;
      display: block;
    }
    .login-bg-subtitle {
      margin-top: 16rpx;
      font-size: 28rpx;
      line-height: 42rpx;
      color: rgba(255,255,255,0.6);
      font-weight: 400;
    }
    .login-bg-welcome {
      margin-top: 74rpx;
      font-weight: 600;
      font-size: 64rpx;
      color: #61DDFD;
    }
  }
  .login-form-wrapper {
    flex: 1;
    background: linear-gradient( 360deg, #00171D 0%, #000000 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: calc(100rpx + var(--safe-area-inset-bottom));
    .login-form {
      width: 640rpx;
      padding-top: 80rpx;
      .login-form-item {
        width: 100%;
        height: 80rpx;
        border-bottom: 1rpx solid rgba(255,255,255,0.2);
        display: flex;
        align-items: center;
        .login-form-item-icon {
          width: 32rpx;
          height: 32rpx;
          display: block;
        }
        input {
          flex: 1;
          height: 100%;
          font-size: 28rpx;
          font-weight: 400;
          color: #fff;
          padding-left: 16rpx;
        }
      }
    }
    .login-form-button {
      width: 640rpx;
      height: 80rpx;
      background: linear-gradient( 98deg, #75E8FF 0%, #5CDAFD 100%);
      text-align: center;
      line-height: 80rpx;
      font-size: 28rpx;
      color: rgba(0,0,0,0.8);
      border-radius: 12rpx;
    }
  }
}